<template>
		<Content :style="{padding: '0 16px 16px'}">

		<Breadcrumb :style="{margin: '20px 0'}">
			<BreadcrumbItem> <router-link to="/admin/user">用户管理</router-link></BreadcrumbItem>
			<BreadcrumbItem>添加用户</BreadcrumbItem>
		</Breadcrumb>
		<Card>
			<Form :model="formItem" :label-width="80"  style="padding-left: 30%;height: 750px;">
    	<br />
	<br />

        <FormItem label="名称：">
            <Input v-model="formItem.username" placeholder="请输入用户名" style="width: 300px"></Input>
        </FormItem>
        <FormItem label="昵称：">
            <Input v-model="formItem.nickname" placeholder="请输入用户昵称" style="width: 300px"></Input>
        </FormItem>
         <FormItem label="性别：">
            <RadioGroup v-model="formItem.sex">
                <Radio label="男">男</Radio>
                <Radio label="女">女</Radio>
            </RadioGroup>
        </FormItem>
         <FormItem label="角色：">
            <RadioGroup v-model="formItem.role">
                <Radio label="user">普通用户</Radio>
                <Radio label="admin">超级管理</Radio>
            </RadioGroup>
        </FormItem>
        <FormItem label="三方：">
            <Select v-model="formItem.select"  style="width: 300px">
                <Option value="beijing">QQ用户</Option>
                <Option value="shenzhen">系统用户</Option>
                <Option value="shanghai">Github用户</Option>
            </Select>
        </FormItem>
        <FormItem label="状态：">
            <i-switch v-model="formItem.switch" size="large">
                <span slot="open">启用</span>
                <span slot="close">锁定</span>
            </i-switch>
        </FormItem>
        <FormItem label="描述：" style="width: 380px">
            <Input v-model="formItem.textarea" type="textarea" :autosize="{minRows: 2,maxRows: 5}" placeholder="Enter something..."></Input>
        </FormItem>
        <FormItem>
            <Button type="primary">提交</Button>
            <Button style="margin-left: 8px">取消</Button>
        </FormItem>
    </Form>
		</Card>
	</Content>

</template>
<script>
    export default {
        data () {
            return {
                formItem: {
                    username: '',
                    nickname: '',
                    sex: '男',
                    role:'user',
                    switch: true,
                    textarea: '请输入用户描述'
                }
            }
        },
        mounted:function() {
            document.title="添加用户"
        }
    }
</script>
